﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="ISUX">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>学生评教</title>
    <link rel="stylesheet" href="/MobWeb/css/wxui.css">
    <link rel="stylesheet" href="/MobWeb/css/default.css">
    <link href="/MobWeb/js/layer/need/layer.css" rel="stylesheet" />
    <script src="/MobWeb/js/layer/layer.m.js"></script>
    <style>
        .ms-controller, [ms-controller] {
            display: none;
        }

        .page {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            opacity: 0;
            z-index: 1;
        }

            .page.js_show {
                opacity: 1;
            }

        .page__hd {
            padding: 24px;
            text-align: center;
            background: #4faeff url(../images/bg-account.jpg) 100% 100%;
            color: white;
        }

        .page__bd_spacing {
            padding: 0 15px;
        }

        .page__ft {
            padding-top: 40px;
            padding-bottom: 10px;
            text-align: center;
        }

            .page__ft img {
                height: 19px;
            }

            .page__ft.j_bottom {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }

        .page__title {
            text-align: left;
            font-size: 20px;
            font-weight: 400;
        }

        .page__desc {
            margin-top: 5px;
            text-align: left;
            font-size: 14px;
        }

        .page.home .page__intro-icon {
            margin-top: -.2em;
            margin-left: 5px;
            width: 16px;
            height: 16px;
            vertical-align: middle;
        }

        .page.home .page__title {
            font-size: 0;
            margin-bottom: 15px;
        }


        .head-oneself {
            width: 4.5rem;
            height: 4.5rem;
            margin-left: 20px;
        }

            .head-oneself img {
                border: 2px solid rgba(0,0,0,.2);
            }

        .ybl {
            background-color: #10c55b;
            font-size: 30px;
            color: white;
        }

        .kx {
            background-color: #10c55b;
        }

        .wbl {
            background-color: #ea6c6c;
            font-size: 20px;
            color: white;
        }

        .YZ {
            POSITION: absolute;
            RIGHT: 10PX;
            TOP: 10PX;
            FONT-SIZE: 70PX;
            COLOR: #ff0000;
            line-height: 70px;
        }
         .ypj {
            color: #10c55b;
            font-size: 14px;
            POSITION: absolute;
            RIGHT: 20PX;
            TOP: 10PX;
            line-height: 70px;
        }

        .bl {
            POSITION: absolute;
            RIGHT: 20PX;
            TOP: 10PX;
            FONT-SIZE: 40PX;
            COLOR: lightgray;
            line-height: 70px;
        }
    </style>
</head>
<body style="background-color: #f8f8f8;">
    <div id="app">


        <div class="page__hd">
            <h1 class="page__title">学生评教【{{qxdata.xq}}】</h1>
            <p class="page__desc">学生针对学期课程进行评教</p>
        </div>
        <div class="weui-panel weui-panel_access" style="margin-top: 0PX">
            <div class="weui-panel__hd">共计找到{{ssdata.length}}待评教课程</div>
            <div class="weui-panel__bd">

                <a class="weui-media-box weui-media-box_appmsg" v-for="(item,index) in ssdata" @click="goaddys(item)">
                    <div class="weui-media-box__hd"    v-bind:class="{ wbl: item.dataid=='0', 'kx': item.dataid!='0' }" style=" border-radius: 50%; width: 50px; height: 50px; line-height: 50px; color: antiquewhite; font-size: 16px;">
                        {{index+1}}
                    </div>
                    <div class="weui-media-box__bd">
                        <h4 class="weui-media-box__title" style="font-size: 15px">{{item.JSMC}}{{item.dataid!='0'?"【已评】":""}}</h4>
                        <p class="weui-media-box__desc">{{item.KCMC}}</p>
                        <i class="iconfont ypj" v-if="item.pjqk">得分{{item.zhdf}}</i>
                    </div>
                </a>
            </div>
        </div>
    </div>
    <script src="/MobWeb/js/jquery-1.11.2.min.js"></script>
    <script src="/MobWeb/js/vue.js"></script>
    <script src="/MobWeb/js/lodash.min.js"></script>
    <script src="/MobWeb/css/elem/index.js"></script>
    <script src="/ViewV5/JS/SZHLCommon.js?V=2021" type="text/javascript"></script>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                activeName: 'first',
                xh: "",
                xscode:"",
                ssdata: [],
                qxdata: {}
            },
            methods: {
                goaddys: function (item) {
                    location.href = "S_XSPJ_INFO.html?xq=" + app.qxdata.xq + "&xh=" + app.xscode + "&dataid=" + item.dataid + "&rwid=" + item.IDN;
                },
            },
            mounted: function () {
                var pro = this;
                pro.xscode = ComFunJS.getQueryString('qjcode');
                pro.$nextTick(function () {
                    $.getJSON('/API/VIEWAPI.ashx?Action=JWUSER_GETPJKC', { P1: app.xscode }, function (resultData) {
                        if (resultData.ErrorMsg == "") {
                            pro.ssdata = resultData.Result;
                            pro.qxdata = resultData.Result1[0];

                        }
                    })
                })
            }

        })


    </script>
</body>
</html>
